<template>
 <div class="student">
    <h1>{{msg}}</h1>
    <h2>名称：{{name}}</h2>
    <h2>性别：{{sex}}</h2>
    <h2>年龄：{{age}}</h2>
 </div>
</template>

<script>
export default {
  // 简单声明接收
  // props: ['name', 'sex', 'age'],
  // 接收的同时对数据进行类型限制
  // props: {
  //   name: String,
  //   sex: String,
  //   age: Number
  // },
  // 接收的同时对数据进行类型限制+默认值的指定+必要性的限制
  props: {
    name: {
      type: String, // 类型是字符串
      required: true // 必填
    },
    sex: {
      type: String,
      required: true
    },
    age: {
      type: Number,
      default: 20 // 默认值
    }
  },
  data() {
    return {
      msg: "学生信息"
    }
  }
  // key不能传递；props优先级比data高
}
</script>